<template>
    <div class="bgc">
        <Header></Header>
        <Nav></Nav>
        <div class="btn">
            <div> <van-button type="success" icon="chat-o" icon-position="right"
                    :to="{ path: '/wechatlogin' }">微信一键登录</van-button>
                <br>
                <van-button plain type="primary" icon="chat-o" icon-position="right"
                    :to="{ path: '/phonecode' }">手机验证码登录</van-button>
            </div>
        </div>
        <div class="register"><span @click="goRegister">点此注册永久账号</span>
            <span @click="goPohoneLogin">使用会员账号登录</span>
        </div>
    </div>
</template>

<script setup>
import Header from '@/components/login/header/Header.vue'
import Nav from '@/components/login/nav/Nav.vue'
import { useRouter } from "vue-router";
const router = useRouter()
const goRegister = () => {

    router.push('/register')
}

const goPohoneLogin = () => {
    router.push('/phonelogin')
}
</script>

<style lang="scss" scoped>
.bgc {
    background-color: #fff;
    height: 100%;
}

.btn {
    margin-top: 100px;
    display: flex;
    justify-content: center;

    .van-button {
        width: 300px;
        margin: 20px 0;

    }
}

.register {
    text-align: center;
    color: brown;
    font-size: 14px;

    span {
        padding: 10px;
    }

}

.register span:nth-child(2) {
    color: red;
}
</style>